Выпадающее меню.

Существует несколько вариантов создания выпадающего меню для удобного перемещения по сайтам. Предлагаю несколько.

|Первый вариант|  |Второй вариант|  |Третий вариант|

Вот самый хороший вариант (автор Александр Корнев)

Привожу весь HTML для примера (шрифт выделенный синим цветом, замените на свои варианты) :

<html>
<body>
<form>
<!-- Autor: A.Kornev queen@rinet.ru
-->
    <input type="hidden" name="Choose WEB-site">
    <SELECT NAME="Product" onchange="top.location.href = this.options[this.selectedIndex].value;">
        <option selected value="#">Выберете WEB Site</option>
    <option VALUE="http://www.relcom.ru">Relcom</option>
    <option VALUE="http://www.demos.ru">Demos</option>
    <option VALUE="http://www.pioneer.ru">Pioneer</option>

</select></form>
</body>
</html>

Второй вариант :

Для создания такого меню на своей странице, вставьте нижеследующий JavaScript, в HTML своего сайта, и замените текст выделенный синим цветом на свои варианты.

<script language="JavaScript">
function MakeArray()
{
this.length = MakeArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = MakeArray.arguments[i]
}
var sitename = new MakeArray(
"Статистика посещений сайта",
"Полезные советы",
"******************************"
);
var url = new MakeArray(
"stats.htm",
"http://www.corbina.net/~igor/sovet.htm"
);
function gotoURL(form)
{
i = form.SelectMenu.selectedIndex;
window.location.href = url[i+1];
}
document.writeln('<form>');
document.writeln('<select name="SelectMenu">');
go = sitename.length;
for (var i = 1; i <= go; i++)
document.write("<option>" +sitename[i]);
document.writeln('</select>');
document.writeln('<input type=button value="Вперед" onClick="gotoURL(this.form)">');
document.writeln('</form>');
// -->
</script>

Третий вариант :

 

<form>

<p><select name="list" size="1">

<option value="http://www.corbina.ru/~igor/sovet.htm"> Полезные советы </option>

<option value="http://www.corbina.ru/~igor/internet.htm"> Нужные места интернет </option>

<option value="http://www.corbina.ru/~igor/scripts.htm"> Примочки </option>

</select>  <input type="BUTTON" value="Вперед!" border="0" align="top"

onclick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"> </p>

</form>

 


© 1998 RIO SuperBest Design.
Все права на авторские работы принадлежат авторам.
Последнее обновление
: 13.07.98.